<template>
  <div id="student" style="width: 665px; height: 434px">
    <p>&emsp;|&emsp;教育头条</p>
    <el-table :data="tableData" style="width: 665px" height="434px">
      <el-table-column fixed prop="list" label="列表图" width="150">
        <el-image
          style="width: 80px; height: 50px"
          :src="url"
         
        ></el-image>
      </el-table-column>
      <el-table-column prop="tittle" label="标题" width="150">
      </el-table-column>
      <el-table-column prop="describe" label="描述" width="300">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import classImg from "../../../assets/img/main-jiaoyutoutiao.png";
export default {
  data() {
    return {
      fits: ["fill"],
      url: classImg,
      tableData: [
        {
          list: "1",
          tittle: "30所京城中小学这样过“世界读书日”",
          describe:
            "正值4月23日世界读书日，图书日设立目的是推动更多的人去阅读和写作，希望所有人都自2...",
        },
                {
          list: "1",
          tittle: "30所京城中小学这样过“世界读书日”",
          describe:
            "正值4月23日世界读书日，图书日设立目的是推动更多的人去阅读和写作，希望所有人都自2...",
        },
                {
          list: "1",
          tittle: "30所京城中小学这样过“世界读书日”",
          describe:
            "正值4月23日世界读书日，图书日设立目的是推动更多的人去阅读和写作，希望所有人都自2...",
        },
                {
          list: "1",
          tittle: "30所京城中小学这样过“世界读书日”",
          describe:
            "正值4月23日世界读书日，图书日设立目的是推动更多的人去阅读和写作，希望所有人都自2...",
        },
      ],
    };
  },
};
</script>

<style lang='less' scoped>
#student {
  margin-left: 6px;
  background-color: white;
  overflow: hidden;
  margin-left: 90px;

  p {
    font-weight: 1000;
    color: #438afe;
    height: 30px;
    line-height: 1;
    margin-top: 20px;
  }
  /deep/.el-table .cell{
    text-align: center;
  }
}
/deep/.el-col-16{
  padding-left: 23px;
  box-sizing: border-box;
  background-color: #438afe !important;
}
</style>